<template>
    <view class="bg-[#f8f8f8] min-h-screen">
        <view class="h-[10rpx]"></view>
        <view class="bg-[#fff]  pb-[10rpx] border-b border-[#EFEFEF] font-medium px-[46rpx] text-[30rpx]">
            <view class=" mt-[20rpx]">活动创建时间：<text class="ml-[30rpx]">2024.12.10 12:00</text></view>
            <view class="mt-[20rpx]">活动名称：<text class="ml-[30rpx]  ">中秋游园活动</text></view>
            <view class="mt-[20rpx]">活动简介<text class="ml-[30rpx]  ">XXXXXXXXXXXXXXXXX</text></view>
            <view class="mt-[20rpx]">打卡开始时间：<text class="ml-[30rpx]  ">2024.12.12 12:00</text></view>
            <view class="mt-[20rpx]">活动开始时间：<text class="ml-[30rpx]  ">2024.12.12 12:00</text></view>
            <view class="mt-[20rpx]">活动结束时间：<text class="ml-[30rpx]  ">2024.12.12 12:00</text></view>
            <view class="mt-[20rpx]">活动地址：<text class="ml-[30rpx]  ">七星路七星社区100号楼</text></view>

        </view>
     
        <view class="bg-white pt-[20rpx] px-[46rpx] font-medium text-[30rpx]">
            
            <view class="mt-[20rpx]">打卡时间：<text class="ml-[30rpx]  ">2024.12.12 12:00</text></view>
            <view class="mt-[20rpx]">活动券1 已使用<text class="ml-[30rpx]  ">2024.12.12 12:00</text></view>
            <view class="mt-[20rpx]">活动券2 已使用<text class="ml-[30rpx]  ">2024.12.12 12:00</text></view>
            <view class="mt-[20rpx]">活动券3 未使用<text class="ml-[30rpx]  "></text></view>
            <view class="mt-[20rpx]">活动情况：<text class="ml-[30rpx]  "> xxxxxxxxxxxxxx</text></view>
            <view class="mt-[20rpx]">活动图片：
                <view class="mt-20rpx flex items-center justify-between">
                    <image v-for="(item, index) in 4"
                        src="https://gangantao.com/image/20241216/489657c8-7f43-436b-a626-c1d7e390588a.png"
                        mode="widthFix" class="w-[152rpx] h-[152rpx]"></image>
                </view>
            </view>

        </view>
    </view>
</template>
<script setup>
import { ref } from 'vue'

const navigateTo = (url) => {
  uni.navigateTo({
    url
  })
}
</script>